<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="renderer" content="webkit">
		<link rel="stylesheet" type="text/css" href="../css/base/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../css/base/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/project/header.css" />
		<link rel="stylesheet" type="text/css" href="../css/project/classBrief.css" />
		<link rel="stylesheet" type="text/css" href="../css/project/footer.css" />
		<script type="text/javascript" src="../js/base/jquery-1.12.4.js"></script>
		<script type="text/javascript" src="../js/base/bootstrap.js"></script>
		<script type="text/javascript" src="../js/base/urlconfig.js"></script>
		<script type="text/javascript" src="../js/base/cookie.js"></script>
		<!--<script type="text/javascript" src="../js/base/angular.min.js"></script>-->
	</head>
	<body>
		<div id="classBrief" class="container-fluid">
			<div class="row">
				<div class="headerBox"></div>
				<div class="main">
					<div class="subjectImgBox container">
						<div class="row">
							<img src="../images/在线教育平台_免费课程详情页_03.png" class="img-responsive"/>
							<div class="addClassButton">
								开始<br/>上课
							</div>
						</div>
					</div>
					<div class="container">
						<div class="row classInformation">
							<div class="pull-left leftDiv">
								<p class="firstP">参与人数:</p>
								<p class="secondP">388</p>
								<p class="thirdP">课程讲师</p>
								<ul class="fourP">
									<li>葛特立</li>
									<li>葛丽倩</li>
								</ul>
								<p class="fivep">课程学习</p>
								<p class="sixP">班级作业</p>
							</div>
							<div class="pull-left rightDiv">
								<p class="classTitle pl">服装与服饰设计专业—— 时装·针织·运动</p>
								<div>
									<div class="classContent pl pr pt pb">
										本专业方向由国际著名服装设计师、英国针织时装革命性品牌Artwork的缔造者，德稻针织时装设计大师葛立婧和葛特立两位教授领衔。25年来，他们成功运营了自有品牌服装公司，其产品在全世界范围内最杰出的时装零售店出售。葛丽婧&葛特立夫妇也曾作为一些国际时装公司的顾问，其中包括Marksand Spencers、ShanghaiTang（上海滩）、The Limited。最近几年，他们在英国法尔茅斯（Falmouth）大学创建了一个全面的，全新的，具有突破性且备受赞誉的服装课程。

葛特立&葛丽婧服装设计高级课程专业引入最好的国际服装教育方法，拥有上海最优秀的设计师及教师团队。我们也具有无可比拟的优势，能够和最好的中国工厂、设计师和零售商合作。葛特立&葛丽婧工作室能让教学老师参与广泛的商业项目，我们的学习环境通过和工作室建立联系得到更多发展，使得高年级学生在大学学习中也能获得商业体验。葛特立&葛丽婧创造了一个独特以及真正世界级的学习环境。
									</div>
								</div>
								<div class="classContentBox clearfix">
									<div class="classContentLeft pull-left">
										<div class="classList">
											<div class="classItem active">
												<div class="classT">
													<span class="firstP">专题一:</span><span class="secondP">中外服装的发展以及面料</span>
													<ul class="pull-right classType">
														<li>作</li>
														<li>测</li>
														<li>资</li>
													</ul>
												</div>
												<div class="classCo active">
													<div class="classWork">
														<p class="classWorkTitle  bgdian">
															专题作业
														</p>
														<div class="classWorkList">
															<div class="classWorkItem">
																<p class="classWorkItemTitle">1.服装设计基础理论</p>
																<p class="classWorkItemContent">
																	随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，随着时代的变迁，
																</p>
																<div class="classWorkItemAdd clearfix">
																	<div class="classWorkItemAddAffix pull-left">
																		<p class="classWorkItemAddAffixTitle">
																			附件
																		</p>
																		<ul class="classWorkItemAddAffixList">
																			<li><span class="flw">中外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装设计史外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装</span><a class="down iconfont">&#xe633;</a></li>
																			<li><span class="flw">中外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装设计史外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装</span><a class="down iconfont">&#xe633;</a></li>
																		</ul>
																	</div>
																	<div class="classWorkItemAddWork pull-left">
																		<p class="classWorkItemAddWorkTitle">
																			提交作业
																		</p>
																		<ul class="classWorkItemAddWorkList">
																			<li><span class="flw">中外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装设计史外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装</span><span class="down iconfont">&#xe600;</span></li>
																			<li><span class="flw">中外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装设计史外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装外服装设计史中外服装设计史中外服装设计史中外服装设计史中外服装</span><span class="down iconfont">&#xe600;</span></li>
																		</ul>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="classTest">
														<p class="classTestTitle bgdian">
															<span></span>专题测试
														</p>
														<div class="testList">
															<div class="testItem">
																<p class="testItemTitle">1.服装设计基础理论</p>
																<div class="testItemContent">
																	<div class="testItemContentItem col-md-6 flw">
																		<input type="checkbox" />A.<span>服装设计理论讲解</span>
																	</div>
																	<div class="testItemContentItem col-md-6 flw">
																		<input type="checkbox" />B.<span>服装设计理论讲解</span>
																	</div>
																	<div class="testItemContentItem col-md-6 flw">
																		<input type="checkbox" />C.<span>服装设计理论讲解</span>
																	</div>
																	<div class="testItemContentItem col-md-6 flw">
																		<input type="checkbox" />D.<span>服装设计理论讲解</span>
																	</div>
																</div>
															</div>
														</div>
														<p class="submitTest"><span>提交答案</span></p>
													</div>
													<div class="classResource">
														<p class="classResourceTitle bgdian">
															<span></span>专题资源
														</p>
														<div class="classResourceList">
															<div class="classResourceItem">
																<p ><span class="iconfont">&#xe642;</span></p>
																<p class="firstSpan flw">中国大地发士大夫撒旦飞洒地方啊但是发射点发射点发生 似的发射点发生是的地方撒</p>
																<p class="secondSpan iconfont"><a class="iconfont"></a>&#xe60f;</p>
																<p class="thirdSpan iconfont"><a class="iconfont">&#xe633;</a></p>
															</div>
														</div>
													</div>
												</div>
											</div>
											
										</div>
									</div>
									<div class="classContentRight pull-left">
										<div class="peopleInformation">
											<img src="../images/微信图片_20170518134826-恢复的-恢复的_03.png" class="img-responsive"/>
											<span class="peopleName">王子</span>
										</div>
										<div class="peopleClassInformation">
											<p>班级：<span>2016届班级辅导班</span></p>
											<p>辅导员：韩梅梅</p>
											<p>班级人数：89人</p>
										</div>
										<div class="classAnnounce">班级公告</div>
										<div class="classAnnounceContent">
											<p class="classAnnounceContentTitle">课程须知<span>2017.5.15</span></p>
											<p class="classAnnounceContentContent">
												没交作业的同学快速 把作业交了，没交作业的同学快速 把作业交了，没交作业的同学快速 把作业交了，没交作业的同学快速 把作业交了，没交作业的同学快速 把作业交了，
											</p>
										</div>
										<div class="classAnnounce">任务要求</div>
										<div class="classAnnounceWork">
											<p class="workP">专题测试（<span class="firstSpan">2</span>/<span>10</span>）</p>
											<p class="workP">主管作业（<span class="firstSpan">2</span>/<span>10</span>）</p>
											<p class="fontP fontaaP">任务规则说明</p>
											<p class="fontP">专题测试中分子代表正确题目累计数，分母代表课程全部课程题目数.主管作业中分子代表已获得评分的作业数量，分母代表全部主观题的数量</p>
											
										</div>
									</div>
								</div>
								<div></div>
							</div>
						</div>
					</div>
					
					
					
				</div>
				<div class="container">
					<div class="row">
						<div class="footBut">
							<div class="col-md-3 col-sm-3 col-xs-3 iconfont leftIcon">&#xe6be;</div>
							<div class="col-md-6 col-sm-6 col-xs-6 borderM3 middleIcon">三</div>
							<div class="col-md-3 col-sm-3 col-xs-3 iconfont rightIcon">&#xe619;</div>
						</div>
					</div>
				</div>
				<div class="footer"></div>
			</div>
		</div>
		<script src="../js/project/classBrief.js"></script>
		<script>
//			var num = 0;
//			$(".leftIcon").click(function(){
//				num++;
//				for(var i = 0; i < $(".classItem").length; i++){
//					$(".classItem").eq(i).removeClass("active");
//					
//				}
//				$(".classItem").eq(num).addClass("active");
//				$(".classItem").eq(num).find(".classCo").addClass("active");
//				
//			});
//			$(".middleIcon").click(function(){
//				num = -1;
//				for(var i = 0; i < $(".classItem").length; i++){
//					$(".classItem").eq(i).addClass("active");
//					$(".classItem").eq(i).find(".classCo").removeClass("active")
//				}
//			})
//			$(".rightIcon").click(function(){
//				
//				if(num > 0){
//					num--;
//					for(var i = 0; i < $(".classItem").length; i++){
//						$(".classItem").eq(i).removeClass("active");
//						
//					}
//					$(".classItem").eq(num).addClass("active");
//					$(".classItem").eq(num).find(".classCo").addClass("active");
//					
//				}
//				
//			});
		</script>
	</body>
</html>
